<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cardsEquipment.css">

    <title>卡券装备</title>

</head>
<style>

</style>
<body>
    <div id="page">
        <div class="pageTop">
                <img src="../images/profile/right_arrow.png" alt="" class='backArrow'>
                <span class="pageTitle">卡券装备</span>
                <span class="pageinstr"></span>
        </div>
       <div class='cardEquiment d-col-md'>
            <a class="cardEquiment_item lijishiyong" href="./aboutCards/cardList.html">
                    <img src="../images/zaqizaba/help.png" alt="" class="help">
                    <p class="instr">
                        <img src="../images/zaqizaba/lanmu.png" alt="">
                        <span>品牌卡类</span>
                    </p>
                    <p class="count">
                        12/20
                    </p>

            </a>
            <a class="cardEquiment_item" href="./aboutCards/cardList.html">
                    <img src="../images/zaqizaba/help.png" alt="" class="help">
                    <p class="instr">
                        <img src="../images/zaqizaba/lanmu.png" alt="">
                        <span>品牌卡类</span>
                    </p>
                    <p class="count">
                        12/20
                    </p>

            </a>
            <a class="cardEquiment_item lijishiyong" href="./aboutCards/cardList.html">
                    <img src="../images/zaqizaba/help.png" alt="" class="help">
                    <p class="instr">
                        <img src="../images/zaqizaba/lanmu.png" alt="">
                        <span>品牌卡类</span>
                    </p>
                    <p class="count">
                        12/20
                    </p>

            </a>
       </div>

    </div>
    <!-- 点击问好样式 -->
<div class="mask supperMask">
        <div class="querenshiyong">
          <div class="querenshiyong_content">
            <p class="querenma" style="font-weight: bold;font-size:1.2rem;margin-bottom: 1rem">品牌卡类</p>
            <p class="instr">现在手机最流行的配色要数渐变色了，下面我们就来说说目前最流行的4种渐变色手机。
              第一种：华为P20极光色，使用了从午夜蓝渐变到深紫的不常见配色，
              使之无论在何种光照下看起来都非常漂亮。其颜色由深至浅层层逐渐晕开，似太空般神秘，
              充满无尽的想象空间。
            </p>
          </div>
            <img src="../images/zaqizaba/close.png" alt="" class="close">
        </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/back.js"></script>

<script>
$(".mask").hide();

$('.help').click((e)=>{
    e.preventDefault();
    $(".mask").show();
})

// 点击取消
$('.close').click(()=>{
    $(".mask").hide();
})
</script>
</html>
